<template>
  <div class="nav-bar">
    <Menu theme="dark" :open-names="['1']" accordion>
      <Submenu name="1">
        <template slot="title">
          <Icon type="ios-paper" /> 通信类
        </template>
        <MenuItem name="1-1" to="/udpServer">UDP回包</MenuItem>
        <!-- <MenuItem name="1-2" to="/CRCVerify">评论管理</MenuItem> -->
        <!-- <MenuItem name="1-3">举报管理</MenuItem> -->
      </Submenu>
      <Submenu name="2">
        <template slot="title">
          <Icon type="ios-people" /> 数据处理类
        </template>
        <MenuItem name="2-1" to="/CRCVerify">CRC校验计算</MenuItem>
        <MenuItem name="2-2" to="/update">更新</MenuItem>
        <!-- <MenuItem name="2-2">活跃用户</MenuItem>  -->
      </Submenu>
    </Menu>
  </div>
</template>

<script>
export default {
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }
};
</script>
<style scoped>
.nav-bar {
  border: 1px solid #d7dde4;
  background: #585c61;
  position: absolute;
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
}
</style>
